import React, { useRef } from "react";
import styles from "./index.less";
import cx from "classname";
function BoxDrop({ onItem, isActive, onRemove, children, item, onSwap, toId }) {
  return (
    <div
      onClick={onItem}
      data-id={item?.cid}
      className={cx(styles.BoxDrop, isActive && styles.active)}
    >
      <div onClick={onRemove} className={styles.removeBtn}>
        X
      </div>
      {children}
    </div>
  );
}
export default BoxDrop;
